<template>
    <div>
        <el-card class="mb-4" shadow="never">
            <div class="text-xl font-medium mb-[20px]">单视频</div>
            <videoUpload v-model="state.value" promptText="上传限制：.mp4,.m2v,.mkv,.rmvb,.wmv,.avi,.flv,.mov,.m4v" />
        </el-card>
        <el-card class="mb-4" shadow="never">
            <div class="text-xl font-medium mb-[20px]">多视频</div>
            <videoUpload v-model="state.value2" promptText="上传限制：.mp4,.m2v,.mkv,.rmvb,.wmv,.avi,.flv,.mov,.m4v，最多上传3个"
                :limit="3" />
        </el-card>
        <el-card class="mb-4" shadow="never">
            <div class="text-xl font-medium mb-[20px]">直接上传</div>
            <videoUpload v-model="state.value3" promptText="上传限制：.mp4,.m2v,.mkv,.rmvb,.wmv,.avi,.flv,.mov,.m4v"
                :isDialog="false" />
        </el-card>
    </div>
</template>

<script setup lang="ts" name="compVideoUpload">
import { reactive } from 'vue';

const state = reactive({
    value: '',
    value2: '',
    value3: '',
});

</script>

<style scoped lang="scss"></style>